<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="common-head">
    <meta charset="UTF-8">
    <meta charset="utf-8" http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no'
          name='viewport'/>
    <title>企业人事管理系统</title>
    <link rel="stylesheet" th:href="@{/assets/css/bootstrap.min.css}">
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
    <link rel="stylesheet" th:href="@{/assets/css/ready.css}">
    <link rel="stylesheet" th:href="@{/assets/css/demo.css}">

</head>
<body>
<div class="wrapper">
    <header th:fragment="common-header">
        <input type="hidden" id="message" th:value="${#session.getAttribute('message')}">
        <!-- 头部start -->
        <div class="main-header">
            <div class="logo-header">
                <a href="/home" class="logo">企业人事管理系统</a>
                <button class="navbar-toggler sidenav-toggler ml-auto" type="button"
                        data-toggle="collapse" data-target="collapse"
                        aria-controls="sidebar" aria-expanded="false"
                        aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <button class="topbar-toggler more">
                    <i class="la la-ellipsis-v"></i>
                </button>
            </div>
            <nav class="navbar navbar-header navbar-expand-lg">
                <iframe name="weather_inc"
                        src="http://i.tianqi.com/index.php?c=code&id=10" width="300"
                        height="25" frameborder="0" marginwidth="0" marginheight="0"
                        scrolling="no"></iframe>
                <div class="container-fluid">
                    <ul class="navbar-nav topbar-nav ml-md-auto align-items-center">
                        <!--用户信息-->
                        <li class="nav-item dropdown">
                            <a class="dropdown-toggle profile-pic" data-toggle="dropdown"
                               href="#" aria-expanded="false">
                                <img th:src="@{/assets/img/profile.jpg}" alt="user-img" width="36"
                                     class="img-circle">
                                <span th:text="${#session.getAttribute('userSession').username}"></span>
                            </a>
                            <ul class="dropdown-menu dropdown-user">
                                <li>
                                    <div class="user-box">
                                        <div class="u-img">
                                            <img th:src="@{/assets/img/profile.jpg}" alt="user">
                                        </div>
                                        <div class="u-text">
                                            <h4 th:text="${#session.getAttribute('userSession').username}"></h4>
                                        </div>
                                    </div>
                                </li>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item"
                                   th:href="@{'/user/userUpdate?id='+${#session.getAttribute('userSession').id}}"><i
                                        class="ti-user"></i>个人信息</a>
                                <a class="dropdown-item" href="/sys/mission/list"><i
                                        class="ti-user"></i>代办列表</a>
                                <a class="dropdown-item" href="/user/updatePwd"><i
                                        class="ti-user"></i>修改密码</a>
                                <div class="dropdown-divider"></div>
                                <a class="dropdown-item" href="/logout"><i
                                        class="fa fa-power-off"></i>退出</a>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
        <!-- 头部end -->

        <!-- 侧边栏start -->
        <div class="sidebar">
            <div class="scrollbar-inner sidebar-wrapper">

                <!--  用户start -->
                <div class="user">
                    <div class="photo">
                        <img th:src="@{/assets/img/profile.jpg}">
                    </div>
                    <div class="info">
                        <a class="" data-toggle="collapse" href="#collapseExample"
                           aria-expanded="true"> <span
                                th:text="${#session.getAttribute('userSession').username}"></span>
                        </a>
                        <div class="clearfix"></div>

                        <div class="collapse in" id="collapseExample" aria-expanded="true"
                             style="">
                            <ul class="nav">
                                <li>
                                    <a th:href="@{'/user/userUpdate?update=1&id='+${#session.getAttribute('userSession').id}}"> <span
                                            class="link-collapse">个人信息</span>
                                    </a></li>
                                <li><a href="/sys/mission/list"> <span
                                        class="link-collapse">代办列表</span>
                                </a></li>
                                <li><a href="/user/updatePwd"> <span
                                        class="link-collapse">修改密码</span>
                                </a></li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!--  用户end -->
                <ul class="nav">
                    <li>
                        <div class="user">
                            <div class="info">
                                <a class="" data-toggle="collapse" href="#collapseExample_2"
                                   aria-expanded="true"> <span>系统管理</span> <span class="caret"></span>
                                </a>
                                <div class="clearfix"></div>
                                <div class="collapse in" id="collapseExample_2" aria-expanded="true"
                                     style="">
                                    <ul class="nav">
                                        <li class="nav-item"><a href="/sys/organization/list">
                                            <i class="la la-inr"></i><span
                                                class="link-collapse">部门管理</span>
                                        </a>
                                        </li>
                                        <li class="nav-item"><a href="/user/list">
                                            <i class="la la-inr"></i><span
                                                class="link-collapse">用户管理</span>
                                        </a>
                                        </li>
                                        <li class="nav-item"><a href="/sys/post/list">
                                            <i class="la la-inr"></i><span
                                                class="link-collapse">职位管理</span>
                                        </a>
                                        </li>
                                        <li class="nav-item"><a href="/sys/wor/list">
                                            <i class="la la-inr"></i><span
                                                class="link-collapse">题库管理</span>
                                        </a>
                                        </li>
                                        <li class="nav-item"><a href="/sys/salary/list">
                                            <i class="la la-inr"></i><span
                                                class="link-collapse">薪酬项目管理</span>
                                        </a>
                                        </li>
                                        <li class="nav-item"><a href="/sys/dictinary/list">
                                            <i class="la la-inr"></i><span
                                                class="link-collapse">公共属性管理</span>
                                        </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="user">
                            <div class="info">
                                <a class="" data-toggle="collapse" href="#collapseExample_xc"
                                   aria-expanded="true"> <span>薪酬管理</span> <span class="caret"></span>
                                </a>
                                <div class="clearfix"></div>
                                <div class="collapse in" id="collapseExample_xc" aria-expanded="true"
                                     style="">
                                    <ul class="nav">
                                        <li class="nav-item"><a href="/salaryStandard/openList">
                                            <i class="la la-inr"></i><span
                                                class="link-collapse">薪酬标准管理</span>
                                        </a>
                                        </li>
                                        <li class="nav-item"><a href="/payroll/openList">
                                            <i class="la la-inr"></i>
                                            <span class="link-collapse">薪酬发放管理</span>
                                        </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="user">
                            <div class="info">
                                <a class="" data-toggle="collapse" href="#collapseExample_6"
                                   aria-expanded="true"> <span>人事管理</span> <span class="caret"></span>
                                </a>
                                <div class="clearfix"></div>
                                <div class="collapse in" id="collapseExample_6" aria-expanded="true"
                                     style="">
                                    <ul class="nav">
                                        <li class="nav-item"><a href="/sys/archives/archivesShow">
                                            <i class="la la-inr"></i><span
                                                class="link-collapse">人事档案信息管理</span>
                                        </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="user">
                            <div class="info">
                                <a class="" data-toggle="collapse" href="#collapseExample_zp"
                                   aria-expanded="true"> <span>招聘管理</span> <span class="caret"></span>
                                </a>
                                <div class="clearfix"></div>
                                <div class="collapse in" id="collapseExample_zp" aria-expanded="true"
                                     style="">
                                    <ul class="nav">
                                        <li class="nav-item"><a href="/sys/recruit/show">
                                            <i class="la la-inr"></i><span
                                                class="link-collapse">职位发布管理</span>
                                        </a>
                                        </li>
                                        <li class="nav-item"><a href="/sys/resume/show">
                                            <i class="la la-inr"></i>
                                            <span class="link-collapse">简历管理</span>
                                        </a>
                                        </li>
                                        <li class="nav-item"><a href="/sys/resume/show?attr=interview">
                                            <i class="la la-inr"></i>
                                            <span class="link-collapse">面试管理</span>
                                        </a>
                                        </li>
                                        <li class="nav-item"><a href="/sys/resume/show?attr=employ">
                                            <i class="la la-inr"></i>
                                            <span class="link-collapse">录用管理</span>
                                        </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="user">
                            <div class="info">
                                <a class="" data-toggle="collapse" href="#collapseExample_5"
                                   aria-expanded="true"> <span>培训管理</span> <span class="caret"></span>
                                </a>
                                <div class="clearfix"></div>
                                <div class="collapse in" id="collapseExample_5" aria-expanded="true"
                                     style="">
                                    <ul class="nav">
                                        <li class="nav-item"><a href="/sys/train/trainShow">
                                            <i class="la la-inr"></i><span
                                                class="link-collapse">培训计划管理</span>
                                        </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="user">
                            <div class="info">
                                <a class="" data-toggle="collapse" href="#collapseExample_7"
                                   aria-expanded="true"> <span>数据分析</span>
                                    <span class="caret"></span>
                                </a>
                                <div class="clearfix"></div>
                                <div class="collapse in" id="collapseExample_7" aria-expanded="true"
                                     style="">
                                    <ul class="nav">
                                        <li class="nav-item"><a href="/dataAnalysis/subsidiary">
                                            <i class="la la-inr"></i><span
                                                class="link-collapse">职员明细表</span>
                                        </a>
                                        </li>
                                        <li class="nav-item"><a href="/dataAnalysis/consolidatedStaffDataReport/show">
                                            <i class="la la-inr"></i>
                                            <span class="link-collapse">职员数据综合报表</span>
                                        </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="update-pro"><a href="/logout">
                        <button data-toggle="modal" data-target="#modalUpdate">
                            <p>退出</p>
                        </button>
                    </a></li>
                </ul>
            </div>
        </div>
        <!-- 侧边栏end -->

    </header>

    <div id="page" th:inline="text" style="float: right;">
        <div style="float: right;">
            &nbsp;&nbsp;&nbsp;跳转至:<input type="text" name="pageNo"><input
                type="button"
                th:onclick="'javascript:pageCheck('+this+','+${pageInfo.pages}+');'"
                value="GO">&emsp;
        </div>
        <div th:if="${pageInfo.pageNum < pageInfo.pages  } " style="float: right;">
            <a href="javascript:;" th:onclick="'javascript:pageList('+this+','+${pageInfo.pageNum +1}+');'">下一页</a>&emsp;
            <a href="javascript:;" th:onclick="'javascript:pageList('+this+','+${pageInfo.pages }+');'">末页</a>&emsp;
        </div>
        <div th:if="${pageInfo.pageNum > 1  } " style="float: right;">
            <a href="javascript:;" th:onclick="'javascript:pageList('+this+','+1+');'">首页</a>&emsp;
            <a href="javascript:;" th:onclick="'javascript:pageList('+this+','+${pageInfo.pageNum -1}+');'">上一页</a>&emsp;
        </div>
        <div style="float: right;">
            当前页
            [[${pageInfo.pageNum}]]
            /共
            [[${pageInfo.pages}]]
            页
            &emsp;
        </div>
    </div>


    <footer th:fragment="common-footer">
        <script type="text/javascript" th:src="@{/assets/js/core/jquery.3.2.1.min.js}"></script>
        <script type="text/javascript" th:src="@{/assets/js/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.js}"></script>
        <script type="text/javascript" th:src="@{/assets/js/core/popper.min.js}"></script>
        <script type="text/javascript" th:src="@{/assets/js/core/bootstrap.min.js}"></script>
        <script type="text/javascript" th:src="@{/assets/js/plugin/chartist/chartist.min.js}"></script>
        <script type="text/javascript"
                th:src="@{/assets/js/plugin/chartist/plugin/chartist-plugin-tooltip.min.js}"></script>
        <script type="text/javascript" th:src="@{/assets/js/plugin/bootstrap-notify/bootstrap-notify.min.js}"></script>
        <script type="text/javascript" th:src="@{/assets/js/plugin/bootstrap-toggle/bootstrap-toggle.min.js}"></script>
        <script type="text/javascript" th:src="@{/assets/js/plugin/jquery-mapael/jquery.mapael.min.js}"></script>
        <script type="text/javascript" th:src="@{/assets/js/plugin/jquery-mapael/maps/world_countries.min.js}"></script>
        <script type="text/javascript" th:src="@{/assets/js/plugin/chart-circle/circles.min.js}"></script>
        <script type="text/javascript" th:src="@{/assets/js/plugin/jquery-scrollbar/jquery.scrollbar.min.js}"></script>
        <script type="text/javascript" th:src="@{/assets/js/ready.min.js}"></script>
        <script type="text/javascript" th:src="@{/js/pageList.js}"></script>
        <input type="hidden" th:value="${#session.removeAttribute('message')}">
    </footer>
</div>
</body>
</html>